<template>
	<view class="bg">
		<view class="search">
			<uni-search-bar @confirm="search" @input="input" placeholder="请输入" bgColor="#EFEFF4" :radius="100"></uni-search-bar>
		</view>
		
			<navigator url="/pages/stu-duan/exam/enter-exam/enter-exam" class="shijuan">
				<view class="shijuan">
					<img :src="paper" class="img">
					<view class="xinxi">
						<text>计算机理论 王燕</text>
						<text> 2022 03 21 8:00 </text>
					</view>
					<view class="biao">
						<view class="dan">
							<uni-icons custom-prefix="custom-icon" type="eye" size="30" color="#12754F"></uni-icons>
							<text>预览</text>
						</view>
						<view class="dan">
							<uni-icons custom-prefix="custom-icon" type="more-filled" size="30" color="#12754F">详情</uni-icons>
							<text>详情</text>
						</view>
					</view>
				</view>
			</navigator>
		
			<navigator url="/pages/stu-duan/exam/enter-exam/enter-exam" class="shijuan">
				<view class="shijuan">
					<img :src="paper" class="img">
					<view class="xinxi">
						<text>计算机理论  李怡</text>
						<text> 2022 03 22 8:00 </text>
					</view>
					<view class="biao">
						<view class="dan">
							<uni-icons custom-prefix="custom-icon" type="eye" size="30" color="#12754F"></uni-icons>
							<text>预览</text>
						</view>
						<view class="dan">
							<uni-icons custom-prefix="custom-icon" type="more-filled" size="30" color="#12754F">详情</uni-icons>
							<text>详情</text>
						</view>
					</view>
				</view>
			</navigator>
		
			<navigator url="/pages/stu-duan/exam/enter-exam/enter-exam" class="shijuan">
				<view class="shijuan">
					<img :src="paper" class="img">
					<view class="xinxi">
						<text>计算机理论  叶知秋 </text>
						<text> 2022 03 23 8:00 </text>
					</view>
					<view class="biao">
						<view class="dan">
							<uni-icons custom-prefix="custom-icon" type="eye" size="30" color="#12754F"></uni-icons>
							<text>预览</text>
						</view>
						<view class="dan">
							<uni-icons custom-prefix="custom-icon" type="more-filled" size="30" color="#12754F">详情</uni-icons>
							<text>详情</text>
						</view>
					</view>
				</view>
			</navigator>
		
	</view>
</template>

<script>
	
	export default{
		data(){
			return{
				paper:require("@/static/kaoshi.png"),
			}
		}
		
		
	}
	
</script>

<style>
	.bg{
		width: 100vw;
		height: 100vh;
		background-color:#EFEFF4;
		background-size: cover;
		display: flex;
		flex-direction: column;
		align-items: center;
		/* justify-content: space-between; */
	},
	
	.img{
		width:75rpx ;
		height:75rpx;
		display: flex;
		text-align: center;
		color: #12754F;
	},
	
	.shijuan{
		background-color:white;
		width:100%;
		height:150rpx;
		margin-top: 25rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
	}
	.xinxi{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.biao{
		display: flex;
		justify-content: space-around;
		width: 25%;
	}
	.dan{
		display: flex;
		flex-direction: column;
		
	}
	.search{
		color: #FFFFFF;
		background-color: #FFFFFF;
		width: 100%;
	}
</style>
